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ABSTRACT 



A method and system that facilitates localization of objects 
in markup language documents so that a single set of markup 
language documents (the set including one or more docu- 
ments) provide support for displaying portions of the docu- 
ments in a language selected from among a plurality of 
different languages. Localized objects are included within in 
markup language documents through the use of placeholder 
variables in the documents. The placeholder variables are 
linked to localized objects through a reference file having 
entries populated with localized objects that are extracted 
from a dynamic link library based on a language selected by 
a user. Before loading each markup language document into 
a browser, the placeholder variables are replaced with their 
associated localized objects during a pre-rendering opera- 
tion. When the markup language documents are rendered by 
the browser, display pages are produced containing localized 
objects in the language selected by the user. The present 
invention also provides for localizing composite graphic 
objects, which include a global portion, such as a trademark 
logo, and a localized portion, such as a phrase, through the 
use of cascading style sheets, thereby enabling the phrase to 
be rendered in a specified language. 
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PROCESS OF LOCALIZING OBJECTS IN 
MARKUP LANGUAGE DOCUMENTS 

FIELD OF THE INVENTION 

[0001] The present invention generally concerns a method 
for providing support for different languages in a software 
application program, and in particular, concerns a method 
for localizing elements and objects in web pages so that the 
web pages are properly rendered to convey a desired content 
in accord with a specified language. 

BACKGROUND OF THE INVENTION 

[0002] Many of today's software application programs are 
distributed in different versions that support various different 
languages. For example, Microsoft Corporation's WORD™ 
word processing application program is used throughout the 
world, and is distributed in versions that support one of a 
myriad of different languages, including European lan- 
guages, Baltic languages, Arabic languages, Cyrillic lan- 
guages, and Asian languages, as well as various dialects. 

[0003] In order to enable a software application to be 
usable by those who understand different languages, it is 
necessary to provide localized support for each such lan- 
guage. As used herein, the term "localize" means to provide 
a language-specific object, such as an element in a document 
or portion thereof, a graphic, a resource, etc., that can be 
locally accessed by the application program. Thus, the 
object will often be stored on a local hard drive of a user's 
computer. For example, a set of localized objects are typi- 
cally installed on a user's computer during installation of an 
application program and correspond to a language selected 
by the user during the installation process. 

[0004] The simplest way to localize objects is to provide 
a language-specific version of each object. However, this 
approach consumes a great deal of storage on the media used 
for distribution of applications and is undesirable from a 
manufacturing standpoint when many objects need to be 
localized, for many different languages. For this reason, 
software companies generally prefer to produce as few 
versions of each application program as possible, such as a 
U.S. version and an International version. However, if the 
International version is designed to support ten different 
languages (other than U.S. English), and a separate set of 
localized objects must be provided for each language, the 
storage requirement on the distribution media for the local- 
ized objects in the International version will be approxi- 
mately ten times as much as that required for the objects in 
the U.S. version. 

[0005] An important aspect of most application programs 
is the user interface (UI). It is through the user interfaces that 
various features provided by a program are selectively 
accessed, typically through a set of pull-down menus and 
dialog boxes. In order to provide support for a particular 
language, the options displayed in the pull-down menus and 
dialog boxes must be presented in that language. Tradition- 
ally, tie solution to this problem has been to provide code for 
a different version of the UI, for each supported language. 

[0006] Rather than provide a set of separate localized 
resources, such as a UI for each language, it is preferable to 
enable localization of an application for different languages 
in a way that reduces unnecessary duplication of significant 



portions of those resources. Such a scheme is provided by 
the Microsoft Office International Interface, which enables 
an application program's developers to code a single set of 
menus and dialog boxes that reference localized strings 
containing language -specific data (e.g., text). For instance, if 
a user selects Russian as the UI language, the set of 
pull-down menus and dialog boxes for the program will 
include various options labeled in Russian, while if the user 
selects Japanese to be the UI language, the same options will 
be labeled in Japanese. 

[0007] Recently, there has been a substantial increase in 
application program features that enable users to access 
network resources, such as various data and applications 
available on the Internet. In order to facilitate these added 
features, the UI's in these applications typically include 
hypertext markup language (HTML) pages. The use of such 
HTML pages in the UI presents a similar problem with 
respect to supporting different languages, i.e., a separate set 
of HTML pages generally has to be supplied for the UI in 
each language that is supported by an application. Option- 
ally, localization of the HTML pages for the UI may be 
provided through use of a plurality of Active Server pages 
that access language-specific strings stored in a database. 
Neither of these options is an ideal solution to the problem. 
The first option requires a large amount of storage space on 
distribution media, often forcing software producers to limit 
the extent of language localization provided for their appli- 
cations, and the second option requires the use of extra 
resources, such as Active Server support files, to be supplied 
by the software producer and installed on a user's computer 
(if not already installed). Furthermore, the Microsoft Office 
International Interface does not provide an optimal solution 
for localizing HTML pages. Accordingly, it would be desir- 
able to provide a method for localizing HTML pages so as 
to minimize storage requirements and avoid the use of 
Active Server pages. 

SUMMARY OF THE INVENTION 

[0008] In accord with the present invention, a method and 
system are provided to facilitate localization of objects in 
markup language documents so that a single set of markup 
language documents (or a single document, if applicable) 
can be used to support a plurality of different languages. This 
invention enables developers to include localized objects in 
markup language documents by using placeholder variables 
in the documents. The placeholder variables are linked to 
localized objects through a reference file having entries 
populated with localized objects that are extracted from a 
dynamic link library (dll) file based on a language selected 
by a user. When a markup language document is opened in 
a browser, the placeholder variables are replaced with their 
associated localized objects during a pre -rendering opera- 
tion. Accordingly, when the markup language documents are 
rendered by the browser, display pages are produced con- 
taining localized objects that convey content in the language 
selected by the user. 

[0009] In the method, the markup language document is 
written to include a plurality of references corresponding to 
text, graphic, and/or media objects that are to be presented 
and which include content in the specified language that will 
be employed when the markup language document is ren- 
dered. A set of localized objects in the specified language is 
provided so that it can be locally accessed (e.g., the localized 
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objects are stored on the hard disk of a user's computer). 
Each localized object is associated with a corresponding 
text, graphic, and/or media object referenced in the docu- 
ment through use of placeholder values in the document, and 
a reference file that includes a plurality of name-value pairs 
linking each placeholder value to a corresponding localized 
object. The localized objects are then inserted into the 
markup language document based on the plurality of name- 
value pairs, such that when the markup language document 
is rendered, the text, graphic, and/or media objects refer- 
enced in the markup language document are rendered in the 
specified language. Preferably, the localization is accom- 
plished through execution of JavaScript code contained 
within the markup language document, which causes the 
placeholder values to be replaced with the corresponding 
localized object by parsing the reference file during a 
pre-rendering step. 

[0010] Another aspect of the present invention is directed 
to a method that enables an application program to include 
a UI adapted to support a plurality of different languages 
through use of a single set of markup language documents, 
which are not specifically coded in each of the different 
languages. Sets of localized objects corresponding to each of 
the languages supported by the UI are stored in a dll file on 
a user's computer. Based on a user-specified language, 
placeholder references corresponding to various global 
objects in the markup language documents are replaced with 
localized objects through use of the dll file, the reference file, 
and JavaScript code contained in the markup language 
documents. Accordingly, the UI comprises a plurality of 
display pages each corresponding to a different one of the 
plurality of markup language documents. The display pages 
include objects that are rendered to convey content in the 
selected language. 

[0011] According to another aspect of the invention, a 
method is defined to enable composite graphic objects to be 
included in markup language documents such that when the 
documents are rendered, the composite graphic includes 
global content (e.g., a trademark logo) and localized content 
in the specified language. Preferably, the localized content 
can be rendered to have stylistic attributes in accord with 
cascading style sheet declarations in the markup language 
document. In this manner, the composite graphic objects 
appear as a single localized object when they are rendered. 

[0012] A still further aspect of the present invention is 
directed to a system that includes a memory in which data 
and machine instructions are stored, a display on which 
graphics and text are presented to a user, a processor that is 
coupled to the memory and executes the machine instruc- 
tions, and a persistent storage device, coupled to the pro- 
cessor and the memory, on which one or more sets of 
localized objects are stored. When executed by the proces- 
sor, the machine instructions cause the processor to imple- 
ment functions that are generally consistent with the steps of 
the methods discussed above in connection with rendering 
the markup language documents. In addition, a computer- 
readable medium having computer-executable instructions 
for performing the these functions is another aspect of the 
present invention. 

BRIEF DESCRIPTION OF THE DRAWING 
FIGURES 

[0013] The foregoing aspects and many of the attendant 
advantages of this invention will become more readily 



appreciated as the same becomes better understood by 
reference to the following detailed description, when taken 
in conjunction with the accompanying drawings, wherein: 

[0014] FIG. 1 is a schematic block diagram of an exem- 
plary personal computer (PC) system suitable for imple- 
menting the present invention; 

[0015] FIG. 2 is a schematic diagram illustrating how 
localized objects are rendered in an exemplary markup 
language document to produce an English language page in 
a browser, corresponding to a typical presentation broadcast; 

[0016] FIG. 3 is a schematic diagram illustrating how 
localized objects are rendered in the exemplary markup 
language document to produce a German language page that 
is analogous to the English language page of FIG. 2; 

[0017] FIG. 4 is a flow chart illustrating the logic used by 
the present invention to localize objects in markup language 
documents; 

[0018] FIG. 5 is a schematic diagram illustrating how 
localized objects corresponding to a composite graphic 
object, status box, and button are rendered in an exemplary 
markup language document to produce an English language 
rendered page; and 

[0019] FIG. 6 is a schematic diagram illustrating how 
localized objects corresponding to a composite graphic 
object, status box, and button are inserted into a exemplary 
markup language document to produce a German language 
rendered page. 

DESCRIPTION OF PREFERRED 
EMBODIMENTS 

[0020] Exemplary Operating Environment 

[0021] FIG. 1 and the following discussion are intended to 
provide a brief, general description of a suitable computing 
environment in which the present invention may be imple- 
mented. Although not required, the present invention will be 
described in the general context of computer-executable 
instructions, such as program modules, that are executed by 
a PC. Generally, program modules include routines, pro- 
grams, objects, components, data structures, etc. that per- 
form particular tasks or implement particular abstract data 
types. Moreover, those skilled in the art will appreciate that 
the present invention may be practiced with other computer 
system configurations, including hand-held devices, multi- 
processor systems, microprocessor-based or programmable 
consumer electronics, network PCs, minicomputers, main- 
frame computers, and the like. The invention may also be 
practiced in distributed computing environments where 
tasks are performed by remote processing devices that are 
linked through a communications network. In a distributed 
computing environment, program modules may be located 
in both local and remote memory storage devices. 

[0022] With reference to FIG. 1, an exemplary system for 
implementing the present invention includes a general pur- 
pose computing device in the form of a conventional PC 20, 
including a processing unit 21, a system memory 22, and a 
system bus 23 that couples various system components 
including the system memory to processing unit 21. System 
bus 23 may be any of several types of bus structures, 
including a memory bus or memory controller, a peripheral 
bus, and a local bus using any of a variety of bus architec- 
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aires. The system memory includes read only memory 
(ROM) 24 and random access memory (RAM) 25. A basic 
input/output system (BIOS) 26 containing the basic routines 
that help to transfer information between elements within 
PC 20, such as during start-up, is stored in ROM 24. 
Personal computer 20 further includes a hard disk drive 27 
for reading from and writing to a hard disk (not shown), a 
magnetic disk drive 28 for reading from or writing to a 
removable magnetic disk 29, and an optical disk drive 30 for 
reading from or writing to a removable optical disk 31, such 
as a CD-ROM, or other optical media, such as DVDs. Hard 
disk drive 27, magnetic disk drive 28, and optical disk drive 
30 are connected to system bus 23 by a hard disk drive 
interface 32, a magnetic disk drive interface 33, and an 
optical drive interface 34, respectively. The drives and their 
associated computer-readable media provide nonvolatile 
storage of computer readable instructions, data structures, 
program modules, and other data for PC 20. Although the 
exemplary environment described herein employs a hard 
disk, a removable magnetic disk 29, and a removable optical 
disk 31, it should be appreciated by those skilled in the art 
that other types of computer readable media which can store 
data that is accessible by a computer, such as magnetic 
cassettes, flash memory cards, digital video disks, Bernoulli 
cartridges, RAM devices, ROM devices, and the like, may 
also be used in the exemplary operating environment. 

[0023] A number of program modules may be stored on 
the hard disk, magnetic disk 29, optical disk 31, ROM 24 or 
RAM 25, including an operating system 35, one or more 
application programs 36, other program modules 37, and 
program data 38. A user may enter commands and informa- 
tion into PC 20 through input devices such as a keyboard 40 
and pointing device 42. Other input devices (not shown) 
may include a microphone, joystick, game pad, satellite 
dish, scanner, and the like. These and other input devices are 
often connected to processing unit 21 through a serial port 
interface 46 that is coupled to the system bus, but may be 
connected by other interfaces, such as a parallel port, game 
port, or a universal serial bus (USB) port. A monitor 47 or 
other type of display device is also connected to system bus 
23 via an interface, such as a video adapter 48. In addition 
to the monitor, other peripheral output devices, such as 
speakers and printers (not shown), can be connected to the 
PC. 

[0024] PC 20 may operate in a networked environment 
using logical connections to one or more remote computers, 
such as a remote computer 49. Remote computer 49 may be 
another PC, a server, a router, a network PC, a peer device 
or other common network node, and typically includes many 
or all of the elements described above relative to PC 20, 
although only a memory storage device 50 has been illus- 
trated in FIG. 1. The logical connections depicted in FIG. 
1 include a local area network (LAN) 51 and a wide area 
network (WAN) 52. Such networking environments are 
commonplace in offices, enterprise- wide computer net- 
works, intranets, and the like. The PC will also typically be 
coupled to the Internet via a modem 54 or through a network 
connection or through a high speed interface device, such as 
cable modem (not shown). 

[0025] When used in a LAN networking environment, PC 
20 is connected to local network 51 through a network 
interface or adapter 53. When used in a WAN networking 
environment, PC 20 typically includes modem 54 or other 



means for establishing communications over WAN 52. 
Modem 54, which may be internal or external, is connected 
to system bus 23 via serial port interface 46. In a networked 
environment, program modules depicted relative to PC 20, 
or portions thereof, may be stored in the remote memory 
storage device. It will be appreciated that the network 
connections shown are exemplary and other means of estab- 
lishing a communications link between the computers may 
be used. 

[0026] Exemplary Presentation Broadcasting Implemen- 
tation of the Present Invention 

[0027] The following describes an exemplary implemen- 
tation of the present invention corresponding to its use with 
presentation broadcasting aspects of Microsoft Corpora- 
tion's POWERPOINT 2000™ application program. Further 
details of the presentation broadcasting aspects of POWER- 
POINT 2000™ are discussed in co-pending U.S. patent 
application, Ser. No. 09/333,754, entitled "PRESENTA- 
TION BROADCASTING SCHEDULING," filed Jun. 
15,1999, the full and complete disclosure and drawings of 
which are hereby specifically incorporated herein by refer- 
ence. Additionally, the following exemplary presentation 
broadcasting implementation is described in the context of 
its use with HTML documents, but this example is not meant 
to be limiting, as it will be understood by those skilled in the 
art that the concepts and method disclosed below are appli- 
cable to any type of markup-language -based documents, 
including HTML, standard generalized markup language 
(SGML), and extended markup language (XML) docu- 
ments. 

[0028] Generally, presentation broadcasting comprises an 
online broadcast of a live (or recorded) presentation over a 
computer network to a plurality of online "attendees" who 
are able to view the presentation at their own computers. 
This capability is enabled, in part, by broadcasting HTML 
content corresponding to the presentation to the online 
attendees* computers or workstations, and the HTML con- 
tent is rendered in near real-time by an appropriate browser 
application program running on each of the attendee com- 
puters or workstations. 

[0029] POWERPOINT 2000™ facilitates the creation and 
scheduling of broadcast presentations and provides a rich set 
of features for creating professional quality presentations. 
Typically, once a presentation is created, it is presented to a 
live audience by either the creator of the presentation, or 
another person. In the context of presentation broadcasting, 
the live presentation can be broadcast over a computer 
network, e.g., over an intranet or the Internet, to an online 
audience. 

[0030] In order to receive the online broadcast, each 
attendee typically first connects to a "lobby" page. The 
lobby page provides information concerning the presenta- 
tion broadcast, such as the presenter, title of the presentation, 
date and time, etc., as well as information concerning when 
the presentation will start, and its status. The lobby page 
further includes context-sensitive UI features that can enable 
online attendees to replay a completed broadcast, and ask 
questions of the presenter during a broadcast, if the presenter 
chooses to accept such questions. 

[0031] An exemplary English language lobby page 100, as 
rendered in an attendee's browser during a typical presen- 



04/22/2004, EAST Version: 1.4.1 



US 2001/0044809 Al 



4 



Nov. 22, 2001 



tation broadcast, is shown in FIG. 2. In general, the lobby 
pages in FIGS. 2, 3, 5, and 6 represent the appearance of the 
lobby pages when rendered by Microsoft Corporation's 
INTERNET EXPLORER™ browser program. English 
lobby page 100 includes a composite graphic 102, compris- 
ing a trademark logo 104 and a banner 106, which is 
disposed in an upper portion of the lobby page. As described 
in further detail below, trademark logo 104 comprises a 
global portion of composite graphic 102, while banner 106 
comprises a localized portion of the composite graphic. The 
upper portion of English lobby page 100 also includes a 
broadcast status box 108, and a replay broadcast button 110. 

[0032] Information concerning the presentation broadcast 
is presented in a tabular format on the lower portion of 
English lobby page 100. This information includes a pre- 
sentation title 112, which is displayed adjacent a "Title:" 
label 114, a presentation presenter name 116, which is 
displayed opposite a "Presenter:" label 118, and a date and 
time 120 at which the presentation is to be (or was) broad- 
cast, which is displayed adjacent a "Date & Time:" label 
122. In addition, a contact e-mail address 124 is provided 
adjacent a "Contact:" label 126, and a presentation descrip- 
tion 128 is displayed adjacent a "Description:" label 130. 

[0033] In the context of POWERPOINT 2000™ presen- 
tation broadcasting features, English lobby page 100 com- 
prises a portion of POWERPOINT 2000™ that enables 
online attendees to view a presentation. Rather than employ- 
ing a pulldown menu or a one or more dialog boxes, this UI 
is an HTML document that is rendered in the browser on 
each online attendees computer. 

[0034] As discussed above, many application programs 
are published in different language versions. POWER- 
POINT 2000™ also provides support for different lan- 
guages, but does so by using the present invention. Tradi- 
tionally, in order to provide support for each of the different 
languages, a separate HTML UI document (or sets of HTML 
UI documents if multiple UI pages are required) would have 
to be written for each language. However, the present 
invention enables an HTML-based UI to support a plurality 
of different languages using just a single set of HTML 
documents (one for each page required). 

[0035] For example, English lobby page 100 can be ren- 
dered in one of several different languages. Suppose that a 
German company would like to perform a presentation 
broadcast. Accordingly, the labels and other information on 
the lobby page should be rendered in the German language. 
A German lobby page 100 ! corresponding to English lobby 
page 100 is shown in FIG. 3 and includes objects that have 
been rendered in German. Note that in these drawings, 
objects in FIG. 3 that correspond to similar objects in FIG. 
2 are identified by adding a prime (') to the reference 
numeral that was used in FIG. 2. For example, "Title;" label 
114 in FIG. 2 corresponds to a "Titel:" label 114' in FIG. 3. 

[0036] Although FIGS. 2 and 3 convey content in differ- 
ent languages, the same HTML code document is used for 
rendering both pages. In order to produce the pages rendered 
in different languages, a process for localizing objects is 
implemented, as follows. With reference to FIG. 4, the 
process starts in a block 150, in which an HTML document 
is created so as to include a plurality of placeholder values 
corresponding to text, graphic, and/or media objects that are 
to be rendered in a specified language when the HTML 



document is displayed by a browser, to produce the UI page 
(i.e., the lobby page). Next, a user selects the specified 
language from a list of languages supported by the applica- 
tion program's UI, as indicated in a block 152. For instance, 
the lobby pages of FIGS. 2 and 3 are rendered in response 
to the user selecting English and German for the UI lan- 
guage, respectively. The logic then flows to a block 154, 
wherein a flag in a dynamic link library called PPINTL.dll 
(i.e., the POWERPOINT™ International dll file) is set, 
indicating the selected language. In response to receiving the 
flag, POWERPOINT 2000™ extracts an appropriate set of 
localized strings in the specified language from PPINTL.dll, 
and writes these strings into a reference file called global.js 
using UTF8 formatting, as indicated by a block 156. As 
described in further detail below, the global.js reference file 
comprises a plurality of name-value pairs that link objects 
referenced in the HTML document to localized objects. 
During a pre-rendering operation of the HTML document 
(e.g., when the HTML document is initially loaded by a 
browser), the placeholder values in the HTML document are 
replaced with localized objects based on the name-value 
pairs in the global.js reference file, as provided by a block 
158. As a result, when the document is rendered in a block 
160, objects localized to the specified language are rendered, 
thereby conveying content in the specified language. 

[0037] As discussed above, the HTML document page is 
coded to include placeholder variables that comprise refer- 
ences to text, graphic, and/or media objects that are to be 
rendered to convey content in a selected language. The 
HTML code corresponding to lobby pages 100 and 100' is 
shown below in a LISTING 1. In this exemplary implemen- 
tation, only text objects are replaced with localized strings 
stored in the PPINTL.dll and written to the global.js refer- 
ence file. It will be understood by those skilled in the art that 
graphic and media objects can also be localized in a similar 
manner, and that the concept of localizing strings, as 
described below, is thus equally applicable to localizing 
graphic and media objects. 



LISTING 1. Lobby.htm 



1. <html> 

2. <hcad> 

3. <meta NAME="VERSIONT CONTENTo«9.0.0.2518"> 

4. <lLtle></title> 
5. 

6. <script LANGUAGE="JavaScript" src=-"global js"> 

7. <!» 

8. { 

9. function writeBcast_ChnrSetInfo() { 

10. document/write ("<meta http-equiv-Content-Type 
content-'text/html; 11. charset- '+ BCAST_CHARSET 
+'\V); 

12. } 

13. WTLtcBcast_CharSctInfoO; 

14. } 

15. //-> 

16. </script> 
17. 

18. <style type= M text/css"> 

19. <!- 

20. @import url(style.css); 

21. --> 

22. </sty\t> 

23. ... <some function definitions> 

24. <script LANGUAGE-"JavaScript" for-" window" 
event-"onload"> 
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LISTING 1. Lobby.htm 



25. <!-- 

26. ... 

27. docximent.title = F EATU RE_TTTLE + " " + 
LOBBY_PAGE_LABEL; 

28. document.all.FEATURE_nTLE.iiineiText = 
FEATURE_TTTLE; 

29. document.all.EVENT_TITLE.innerText - EVENT_1TTLE; 

30. document.all.EVENT_PRESENTER.innerText - 
EVENT_PRES ENTER; 

31. 

32. dcK^ment.all.EVEOT_CONTACT.innerPrrML - '<a 
href="maiIto:'+ EVENT_CONTACT 33. +'?Subject-' + 
EVENT_TITLE + '">'+ EVENT_CONTACT +'</a>'; 

34. 

35. dc>cument.al].EVENT_JDESCRIPTION.inncrHTML - 
EVENT_DESCRIPTION; 

36. docximent.all.EVENT__TITLE_LABEL.innciText - 
EVENT_TTTLE_LABEL; 

37. PAGE_COLOR = "#000094"; 
38. 

39. document.all.EVENT_PRESENTER_LABEL.inneiText - 
EVENT_PRESENTER _J_ABEL; 

40. document.all.EVENT_CONTACT_I^BEL.innerHTML - 
EVENT_CONTACT_LABEL; 

41. document.all.EVENT_DESCRIPTtON_LABEL.innerText - 
EVENT_DESCRIPTION_LABEL; 

42. documenLall. Replay Button. innerText - 
REPLAY_BUTTON_LABEL; 

43. document.all.ReplayButton.Title = 
REPLAY_BinTON_TITLE; 

44. document.all.nsplayer. Style, visibility = "bidden"; 
45. 

46. if ((SHOW_TIME != && (SHOW_END_TIME !="")) { 

47. documenLall. DATE_TIME_JJ\£EL.imierText - 
D ATE_TI M E_LAB E L; 

48. documenLall. DATE_TIME.innerText = (SHO W_TIME__LOCAL 
+ "31 " + 

49. SHOW_END_TIME_LOCAL); 

50. } 

51. else { 

52. document.all.DATE_TIME_LABEL.style.visibility - 
"hidden"; 

53. documenLall. DATE_TIME.style.visibility= "hidden"; 
54. 

55. } 

56. --> 

57. <Vscript> 

58. . 

59. . 

60. . 
61. 

62. </head> 
63. 

64. <body background-" nsnbg.gif' id-"lobby"> 

65. <button language-" JavaScript" name- Replay Button" 
id-" Replay Button" 

66. STYLE-"cursor: hand;color: black;padding: 2;font- 

67. size :8pt;position absolute; left: 750; top:100; 
height:25" 

68. onclick-"location.href - *event.htm#archive';"> 

69. </button> 
70. 

71. <div id="UTTLE_BLUE_LINE" STYLE= M position absolute; 
left: 660; 

72. top:113;"ximg src="blueline.giP alt-**blueline.gif" 
height-"!" 

73. width-"9<F>^div> 
74. 

75. <div align-cleft" id-"logo" STYLE="position: 
absolute; font-weight: bold; 76. top:10;"ximg 
src="l ogo .GIF" alt="Logo,GIF' WIDTH= a 161 w HEIGHT-"34 W > 

77. 

78. <div align-"center" id-"FEATURE_TTTLE" 
STYLE-«labcleffecr></div> 
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LISTING 1. Lobby.htm 

79. </div> 
80. 

81. <div id-"BLUE_LINE" STYLE»"position:absolute; left: 
180; top:60;"ximg 82. src»"blueline.gif* 
alt-"blueline.gif ' height»**2" width="824">«/div> 

83. 

84. <div id-"STATUS_TICKER" STYLE-"position absolute; 
left: 110; top:100; 

85. width: 525; HEIGHT: 25"> 

86. <iframe id="STATUS_PAGE" WIDTH="550" HEIGHT-"25" 
ALIGN="CENTER" 

87. FRAME BORDER="l" MARGINHEIGHT-"0" 
MARGINWIDTH="5" NAM E= M STATU S_PAGE" 

88. SCROLLING-" AUTO" SRO u l status. htm"></iframe> 

89. </div> 
90. 

91. <TABLE WIDTH=75% ALIGN-top STYLE-" font- 
weight:normal;foat-size : 

92. 10pt;position:absolute; left: 10; top:150" BORDER-0 
CELLSPACING-3 

93. CELLPADDING-4> 

94. <TR> 

95. <TD WIDTH-85 NOWRAP VALIGN-top xdiv 
id="EVENT_ r nTLE_LABEL" 

96. class-"labeleffect" x/div> 

97. </TD> 

98. <TD VALIGN-topxdiv id«"EVENT_TTTLE" 
class-'labeleffect" ></div> 

99. </TD> 

100. </TR> 

101. <TR> 

102. <TD WIDTH-85 NOWRAP VALIGN-top xdiv 
id-"EVENT_PRESENTER_LABEL" 103. class«"labeleffect" 
></div> 

104. </TD> 

105. <TD VALIGN-topxdiv id-"EVENT_PRESENTER" 
></div> 

106. </TD> 

107. </TR> 

108. <TR> 

109. <TD WIDTH-85 NOWPAP VALIGN-topxdiv 
id-"DATE_TIME_LABEL" 

110. class«"labeleffect"></diV> 

111. <JTD> 

112. <TD VALIGN-topxdiv id="DATE_TIME" 
><^div> 

113. </TD> 

114. <fTR> 

115. <TR> 

116. <TD WIDTH-85 NOWRAP VALIGN-topxdiv 
id="EVENT_CONTACT_LABEL" 

117. class-"labeleffect"x/diV> 

118. <JTD> 

119. <TD VAUGN-topxdiv id-"EVENT_OONTACT" 
STYLE-"z- index : 10"></div> 

120. </TD> 

121. </TR> 

122. <TR> 

123. <TD WIDTH-85 NOWRAP VALIGN-topxdiv 
id-"EVENT_DESCRIPTION_LABEL" 124. 

class-" 1 abeleffect"> </div> 

125. </TD> 

126. <TD VALIGN-topxdiv 
id-"EVENT_DESCRIPTION"></div> 

127. <nu> 

128. <fTR> 

129. </TABLE> 
130. 

131. </body> 

132. </html> 
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[0038] Each of the items in bold font included in LISTING 
1 comprises a placeholder value that references an object 
that is to be localized. Localization of the objects is facili- 
tated by the name-value pairs in the global.js reference file. 
The first item in each name -value pair corresponds to a 
placeholder value, and the second item corresponds to either 
a localized string that is extracted from PPINTL.dll or an 
internal value provided by POWERPOINT 2000™. The 
second item is substituted in place of the placeholder value 
during the pre-rendering operation. In the following listing 
of global.js corresponding to the rendered English language 
lobby page (LISTING 2) and the German language lobby 
page (LISTING 3) of FIGS. 2 and 3, respectively, relevant 
name-value pairs are shown in bold font. The name value 
pairs that are in both bold and italic font correspond to 
entries that link a placeholder value to data internally 
provided by POWERPOINT 2000. These data will depend 
on corresponding entries made by a user in POWERPOINT 
2000 when scheduling a presentation broadcast. The bolded 
non-italicized entries correspond to name-value pairs that 
link placeholder values to localized strings extracted from 
PPINTL.dll based on the specified language. 



LISTING 2. Global.js (English) 

1. GLOBAL_VERSION - "9.0"; 

2. BCAST_CHARSET - "UTF-8"; 

3. NS_PLAY 
4. 

http://wv™.microsoftcom/Windows/DownIoads/Contents/Pr 
oducts 

5. /MediaPlayer/"; 

6. NS_CORE - 
7. 

"http://act.ivex. miciosoft.com/activex/controls/mplayer/en 

8. /nsmp2o99.cab#Version=6,0,2,902"; 

9. NS_FILE - 
10. 

"http://activex.microsoft.com/activex/controls/mplayer/en 

11. /nsftsmf.cab#Version=3,0,0,2700"; 

12. VS_FTS_IP = 

13. VS_FTS_POKT = ""; 

14. LOW_FTS_IP = ""; 

15. LOW_FTS PORT - ""; 

16. BASE_URL - "\\\\cup-ras- 

17. 01\\broadcast\\eunicey\\broadcastl9990112105119t 
18. 

unice's 01-12-99 presentation"; 

19. SHOVV_TTME - 01/12/1999 21:30:00 UTC-000"; 

20. SHOW_END_TTME - "01/12/1999 22:30:00 UTC-000"; 

21. SHOW_TIME__LOCAL = new Date (SHOW_TIME); 

22. SHOW_END_TTME_.LOCAL - new Date 
(SHOW_END_TEME); 

23. UPDATE_MESG - "This presentation broadcast has 
ended"; 

24. EVENT_TITLE - "Eunice's 01-12-99 presentation"; 

25. EVENT_PRESENTER - "Eunice Yan"; 

26. EVENT_CONTACT = "eunicey"; 

27. EVENT_CONTACT_URL - "<A HREF-mailto:" + 
EVENT_CONTACT + ">" + 

28. EVENT__CONTACT + "</A>"; 

29. EVENT_DESCRIPTION = "Test Department Meeting 
on <BR>Powcr Point 

30. 2000<BR>Jan 12, 1999"; 

31. PRESENTATION_NAME - "Eunice's 01-12-99 
presentation"; 

32. HTML_ FILENAME = "Eunice's 01-12-99 
presentation_slide00009.htm"; 

33. ENABLE_AUDIO - ""; 

34. EMAIL » "pareshp"; 

35. CHAT_URL - ""; 



-continued 



LISTING 2, Global.js (English) 



36. CHAT_FILE - ""; 

37. CHAT_FILE_EXISTS - "FALSE"; 

38. HELP_L'RL = "nshelp.htm"; 

39. TEST_URL = "nstest.htm"; 

40. ARCHIVE_URL = "Eunice's 01-12-99 

41 . presentation_broadcastl 99901 1 21 05 1 19 .asf '; 

42. VTDEO_FLAG - "1"; 

43. VIDEO_WIDTH - " 1 76"; 

44. VIDEO_HEIGHT - "144"; 

45. ASX - ""; 

46. TEST __ASX = 

47. MULTICAST - "1"; 

48. B RO W SER_TEXT - "This presentation contains content 

49. AUDIO_HELP = "This page allows you to make sure the 
microphone . . .; 

50. VIDEO_HELP - "This page allows you to make sure the 
camera . . .; 

51. CLIENT_HELP_TEXT « "If you are experiencing problems 
viewing . . .; 

52. FEATURE_TTTLE - "Presentation Broadcast"; 

53. EVENT_TTTLE .LABEL - "Title:"; 

54. DATE_TIME_ LABEL - "Date & Time:"; 

55. EVENT_PRESENTER_LABEL - "Presenter:"; 

56. EVENT_CONTACT_LABEL - "Contact:"; 

57. EVENT_DESCRIPTION_LABEL - "Description:"; 

58. AUDIO_TEST_PAGE_LABEL - "Audio Test Page"; 

59. <more name value pairs(not relevant to example 
page)> 

60. . 

61. . 

62. . 

63. REP LAY_B UTTON_LAB E L - "Replay Broadcast" 

63. REPLAY_B UTTON__TiTLE - "This wUl allow you to Replay 
the PowerPoint 

64. Presentation Broadcast."; 

65. timetoshow_mesg = "This Presentation Broadcast will 
begin shortly. 

66. Please wait . . ."; 



[0039] 



LISTING 3. Global.js (German) 



1. GLOBAL_ VERSION - "9.0"; 

2. BCAST_CHARSET - "UTF-8"; 

3. NS_PLAY 
6. 

http://www.microsoft.coin/VVlndows/Downloads/Contents/Pr 
oducts 

7. /MediaPlayer/"; 
6. NS_CORE -■ 
7. 

"http://activex.rnicrosoft.corn/activex/controls/mplayer/en 

8. /nsmp2o99.cab#Version=6,0,2,902"; 

9. NS_FILE - 
10. 

" http ://activex. microsoft, com/activex/controls/mplayer/en 

11 . /nsftsinf .cab#Version=3,0,0^700"; 

12. VS_FTS_IP - ""; 

13. VS_FTS _PORT - ""; 

14. LOW_FTS_IP - ""; 

15. LOW„FTS_PORT - ""; 

16. BASE_URL - "WWcup-ras- 

17. 01\\broadcast\\eunicey\\broadcastl99901 121 0511 9f 
18. 

unice's 01-12-99 presentation"; 

19. SHOW_TTME - 01/12/1999 21:30:00 UTC-000"; 

20. SHOW_END__TTME - "01/12/1999 22:30:00 UTC-000"; 

21. SHOW_TTME_LOCAL - new Date (SHOW_TIME); 
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LISTING 3. Global.js (German) 

22. SBOW_END_TIME_LOCAL = new Date 
(S HOW_END_TIM E) ; 

23. UPDATE_MESG = "Diese Vorstellung Sendung hat 
beendet"; 

24. EVENT_nTLE - "Eunice's 01-12-99 presentation"; 

25. EVENT_PRESENTER - "Eunice Yan M ; 

26. E VENT_CO NTACT - "eunicey"; 

27. EVENT_CONTACT_URL - "<A HREF-mailto:** + 
EVENT__CONTACT + ">" + 

28. EVENT__CO NTACT + "</A>"; 

29. EVENT_DESCRIPTION = "Prufen Sie Abteilung, dic<BR> 

30. auf Begegnet PowerPoint <BR >Jan 12, 1999"; 

31. PRESENTATION_NAME = "Eunice's 01-12-99 
presentation"; 

32. HTM L_FI LEN AM E - "Eunice's 01-12-99 
presentation_slide00009.htm"; 

33. ENABLE_AUDIO - ""; 

34. EMAIL ■ "pareshp"; 

35. CHAT_URL - ""; 

36. CHAT_FILE - ""; 

37. CHAT_FILE_EXISTS = "FALSE"; 

38. HELP_URL - "nshelp.htm"; 

39. TEST_URL - "nstest.htm"; 

40. ARCHIVE., URL - "Eunice's 01-12-99 

41. presentation_.broadcastl9990112105119.asf'; 
4Z VIDEO_FLAG = "1"; 

43. VIDEO_WIDTH = "176"; 

44. VIDEO_HEIGHT = "144"; 

45. ASX - ""; 

46. TEST_ASX = ""; 

47. MULTICAST » "1"; 

48. BROWSER_TEXT = "Diese Vorstellung enthalt Inhalt 

49. AUDIO_HELP - "Diese Seite erlaubt Sie zu sich das 
Mikrophon , . .; 

50. VIDEO___HELP = "Diese Seite erlaubt Sie zu sich die 
Kamera . . .; 

51. CLIENT_HELP_TEXT - "Wenn Sie Probleme erfahren, 
ansehen, . . .; 

52. FEATU RE_TLTLE - "Vorstellung Sendung"; 

53. EVENT_TITLE_LAB EL - "Titel:"; 

54. DATE_TIME_LABEL - "Datum & Zeit:"; 

55. EVENT_PRESENTER_LABEL = "Anwesender:"; 

56. EVENT_CONTACT_LABEL = "Kontakt:"; 

57. EVENT_DESCRIPTION_LABEL - "Beschreibung"; 

58. AUDIO_TEST_PAGE_ LABEL - "Tonpriifung Seite""; 

59. <more name value pairs(not relevant to example 
page)> 

60. . 

61. . 

62. . 

63. REPLAY_BUTTON_LABEL - "Replay Sendung" 

63. REPLAY__B UTTON_TrTLE - "Dies wird Sie Replay das 
erlauben PowerPoint 

64. Vorstellung Sendung"; 

65. timetoshow_mesg - " Diese Vbrstellung Sendung wird 
bald beginnen 

66. Bitte Wartezeit . . ,"; 



[0040] All of the objects in the lower portion of lobby 
pages 100 and 100' comprise localized objects that are 
substituted in place of placeholder values in lobby.htm based 
on corresponding entries in the English and German glo- 
bal.js files. For example, "Title:" label 114 is rendered in 
English so as to display the text "Title:" in the following 
manner. When the user specifies English as the UI language, 
a language flag 162 identifying English as the specified 
language is passed to PPINTL.dll 164. Upon receiving this 
flag, PPINTL.dll writes a plurality of localized strings to 
global.js, including a "Title:" string in a line 53 correspond- 
ing to an EVENT_TITLE_LABEL reference. When lob- 



by.htm is loaded into the browser, a pre-rendering process is 
performed, wherein JavaScript functions listed in lines 
24-57 are executed. Note that line 6 includes HTML code 
that identifies global.js as a source document. As the Java- 
Script functions are executed, placeholder values in lob- 
by.htm are replaced with localized strings based on corre- 
sponding name-value pairs in global.js. For instance, line 36 
contains the following statement: 

[0041] 36. document. all. EVE NT_TITLE_LA- 
BEL.innerText=EVENT_TITLE_LABEL; 

[0042] This function instructs the browser to replace the 
place holder value "id="EVENT_TITLE LABEL" in line 
95 with the localized string "Title:" based on the name-value 
pair in line 53 of global.js. In a similar manner, placeholder 
values corresponding to each of labels 118, 122, 126, and 
130 are replaced with localized strings based on respective 
name-value strings referenced in global.js. 

[0043] As discussed above, some of the objects in lobby 
pages 100 and 100' comprise content in accord with data 166 
that is internally provided by POWERPOINT 2000. These 
objects include title 112 of the presentation, presenter 116, 
date and time 120, contact e-mail address 124, and a 
presentation description 128. Data corresponding to each of 
these objects are entered by the user when scheduling a 
presentation broadcast, further details of which are provided 
in the co -pending commonly assigned U.S. patent applica- 
tion, Ser. No. 09/333,754, as referenced above. All of these 
data except for data and time 120 are substituted in place of 
corresponding placeholder values in lobby.htm in a manner 
similar to the substitution of localized strings. However, the 
second item in each of the name-value pairs corresponding 
to these objects comprises a variable string that is provided 
directly from POWERPOINT 2000 rather than a predefined 
localized string extracted from PPINTL.dll. 

[0044] Unlike the other objects, data corresponding to date 
and time 120 are generated using two name-value pairs in 
global.js rather a single name-value pair. More specifically, 
date and time 120 includes data corresponding to the 
SHOW_TIME_LOCAL and SHOW_END_TIME local 
name-value pairs fisted in lines 21-22 of global.js through 
use of instructions listed in lines 48-49 of lobby.htm. 

[0045] With reference to FIG. 3, localized objects are 
written to German lobby page 100' in a manner similar to 
that discussed above for localizing objects rendered in 
English lobby page 100, except that in this instance the 
global.js file is populated with localized strings correspond- 
ing to the German language. As a result, labels 114', 118', 
122 ! , 126', and 130' now comprise German text instead of 
English text, e.g., "Titel:" label 114' has replaced "Title:" 
label 114, and "Anwesender:" label 118' has replaced "Pre- 
senter:" label 118. 

[0046] FIG. 5 shows localizing broadcast status box 108 
and replay broadcast button 110. In the case of broadcast 
status box 108, this object is localized through use of an 
"ifirame" object that is displayed on a separate frame dis- 
posed on top of English lobby page 100. The instructions for 
producing this effect are provided in lines 84-89 of lob- 
by.htm, which specifies another HTML document called 
l_status.htm as the source for the iframe object, a partial 
listing of which is shown below in LISTING 4. 
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-continued 



LISTING 4. l^stalus.htm 



LISTING 4. l_slatus.htm 



<html> 
<head> 

<meta NAME=" VERSION" CONTENT="9.0.0.2518"> 
<title></title> 



<script LANGUAGE-" JavaScript" src="gIobalJs"> 



} 

writcBcast_CharSetInfoO ; 
} 

//-> 

<Vscript> 

<script for="window" event-"onunload"> 

parent.statuspageloaded=false; 

<^script> 

<script LANGUAGE-"JavaScript" event-"onload"> { 

SHOWHASENDED="0"; 

} 

</script> 

<script LANGUAGE=**JavaScript"> { 

if (window.parent.documcntalI.RcplayButton) { 



1. 
2. 
3. 
4. 
5. 
6. 

7. <!- 

8. { 

9. function writeBcasL_CharSetInfo() { 
10. document. write (**<meta http-cquiv-Content-Typc 
content" 'text/html; 11. chaiset- '+ BCAST_CHARSET 

+T>'0; 

12. 
13. 
14. 
15. 
16. 
17. 
18. 
19. 
20. 
21. 
22. 
23. 
24. 
25. 
26. 
27. 
28. 
29. 
30. 
31. 

window.parcnt.documcnt.aIl.RcplayButton.styie.visibi 

lity-"hidden"; 

32. 

wdndow.parent.document.aIl.LrrTLE_BLUE_LINE.styIe.vi 
sibility - 

33. "hidden"; 

34. } 
35. 

36. if (MULTICAST !- "1") { 

37. document.write ("<meta HTTP- EQUIV-' REFRESH' 
CONTENT='2V') 

38. } 

39. else { 

40. document.write ("<meta HTTP- EQUIV-' REFRESH' 
CONTENT= , 120'>"); 

41. } 

42. } 

43. </script> 
44. 

45. </head> 
46. 

47. <body BGCOLOR-**#FFFFFF* TEXT="#000000" 
LINK-"#000066" VLINK-"#6 66666" 48. TOPMARGIN-"0" 
LEFTMARGIN-"0"> 

49. <div id- M Clock" align- M left" 
style-"padding:2;padding-left:5;font 

50. family: Tahoma,Verdana,Arial,Helvetica; font- 
size: 10pt; font- 

51. weight:bold; color:#O00000"> 
<script LANGUAGE""JavaScript"> 
{ 



52. 
53. 
54. 
55. 
56. 
57. 
58. 
59. 



PAGE_COLOR - "#000094"; 



function noTimcO { 
if (SHOW_TIME — "") { 

Clock innerHTML = FEATU RE_TTTLE + " " + 
LOBBY_PAGE_LABEL;; 
60. if (UPDATE_MESG t- "") { 
61. 

window.pare nt.documenLall.STATUS_TICKER.s tyle. vis ibility 
- "visible"; 



62. ClockinnerHTML - UPDATE^MESG; 

63. ClocLstyle.color - PAGE_COLOR; 

64. } 
65. 

66. if ( ARCHI VE„U RL !="") { 
67. 

window.parent.document.al 1. Replay Butto n.style. vis toil ity 

- "visible"; 
68. 

window.parenLdocume nt.al 1. LITTLE_BLUE_LINE.s tyle.visibtl 
ity- 

69. "visible"; 

70. } 

71. else if 

((window.parent.document.al l.RcplayButton) && 
72. 

(window.pare nt .document .all . Replay Button.s tyle. visib ility 
t- "hidden")) 
73. { 
74. 

window.parent.document.all.Replay Butto n.style, vis ibil ity 

- 75. "hidden"; 
76. 

window,parent.document.all.lJTTl^_BLUE_LINE.style.visibil 
ity 77. - "hidden"; 

78. { 

79. { 

80. { 

81. <other function definitions> 

82. . 

83. . 

84. . 

85. <^script> 
86. 

87. </dw> 



89. <ybody> 

90. </html> 



[0047] As with the lobby.htm, l_status.htm includes 
JavaScript to link placeholder values in l_status.htm 
with localized values through the use of glohal.js. In 
particular, lines 60-61 of I_status.htm reference an 
UPDATE_MESG placeholder value that is replaced with a 
corresponding UPDATE_MESG value of "This presentation 
broadcast has ended," as defined in a line 23 of global js 
(English). In a similar manner with respect to German lobby 
page 100' (see FIG. 6), the UPDATE_MESG placeholder 
value in l_status.htm is replaced with "Diese Vorstellung 
Sendung hat beendet," as defined in a line 23 of global.js 
(German). 

[0048] The text label on replay broadcast button 110 is 
also rendered in the specified language. In this case, the text 
is part of a button object rather than a plain text object. 
Accordingly, an id-" Replay Button" placeholder value 
defined in a line 65 of lobby.htm, which refers to the button 
object and not the string, is replaced with "Replay Broad- 
cast," as provided by a line 63 in global.js (English). With 
respect to German lobby page 100', the replay broadcast 
button 110' label text is defined to be "Replay Sendung." 

[0049] Another aspect of the present invention concerns 
the ability to localize graphic objects that include a global 
language-independent portion, e.g., a trademark logo, and a 
localized portion (i.e., a portion of an overall graphic that is 
rendered to include text in accord with the selected lan- 
guage). In a preferred embodiment, this capability is 
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enabled, in part, through the use of Cascaded Style Sheets 
(CSS), which permit a web page designer to include various 
style rules within HTML documents that are interpreted by 
an appropriate browser when the documents are rendered for 
display in the browser. The rendered documents then include 
specific stylistic attributes in accord with the style rules. For 
example, a user can include a style rule to specify a 
background color or image for a rendered page. In order to 
take advantage of CSS styles, it is necessary that the browser 
used to render HTML documents containing CSS style rules 
be capable of applying the CSS style rules. In the event a 
user does not employ such a browser, the CSS rules are 
simply ignored, and the rendered page is displayed without 
the stylistic attributes defined by the CSS rules. 

[0050] There are presently two versions of CSS. The first 
version, CSS1, provides for control of typefaces, font color, 
background color, graphics, margins, spacing, type style, 
and other visual stylistic attributes. The second version, 
CSS2, includes support for different types of media, such as 
aural object, and provides for further control of visual 
stylistic attributes including page breaks, windows, and 
orphans. A more complete definition of the style rules 
corresponding to these versions can be found on the World- 
Wide-Web consortium web site at http://www.w3.org/pub/ 
www/tr/rec-cssl, and http://www.w3.org/pub/www/tr/rec- 
css2. CSS1 is supported by the Netscape Corporation's 
NAVIGATOR™ 4.0 and later browsers, and Microsoft Cor- 
poration's INTERNET EXPLORER™ 4.0 and later brows- 
ers. CSS2 is supported by INTERNET EXPLORER™ 5.0 
and later browsers. 

[0051] CSS style rules combine HTML tags with proper- 
ties to format each HTML tag in a desired manner. In the 
case of style sheets, an HTML tag is used as a selector, and 
the property and value of the selector are combined into a 
declaration. Style rules can define the layout of a tag, as well 
as other typographic and design properties. 

[0052] A CSS style rule consists of two parts: the selector, 
which can be an HTML tag such as HI or P, and the 
declaration, which defines the property and value of the 
selector. For example, a style rule may included the follow- 
ing declaration: 

[0053] color: magenta 

[0054] wherein color is the property, and magenta is the 
value. 

[0055] The style rules are attached to a standard HTML 
document using one of three methods: (1) external style 
sheets; (2) embedded style sheets; and, (3) inline styles. The 
term "cascading" refers to the capability for style informa- 
tion from more than one source to be combined within a 
single document. In general, style sheets are usually defined 
externally or embedded within HTML documents. An 
advantage of external style sheets is that a single style sheet 
can be used to define stylistic attributes for a plurality of 
HTML documents comprising an entire web site or portions 
thereof. Inline styles are usually employed to override 
particular style definitions contained in an embedded or 
external style sheet, although inline styles can be used to 
defined the style of an entire document. 

[0056] The following exemplary HTML code corresponds 
to an embedded style sheet definition. Embedded style sheet 
definitions start with a <STYLE> tag and end with a 



</STYLE> tag, and the particular style rules for the style 
sheet are defined between these tags. 



<STYLE TYPE = "text/css"> 
<!- 

HI {color: blue} 

P {font family: Arial, Helvetica, sans-serif; 
color: black} 

--> 
</STYLE> 



[0057] The STYLE TYPE="text/css" definition specifies 
that the style corresponds to the cascading style sheet 
specification. A developer may also employ JavaScript style 
sheets in addition to or in place of cascading style sheets by 
specifying STYLE TYPE-"text/jss." 

[0058] External style sheets are defined in documents 
separate from the HTML documents with which they are 
associated. An HTML document may reference an external 
style sheet through importation or Unking. A style sheets is 
imported by referencing a Uniform Resource Location 
(URL) where the style sheet is stored within a comment 
disposed between the style start and end tags, as follows: 



<STYLE> 
<!-- 

@import url <url address> 

--> 
--> 

</STYLE> 



[0059] Style sheets may be linked to a document through 
the following declaration: 

[0060] <link rel«"stylesheet" HREF "<CSS file loca- 
tion^' 

[0061] With reference to FIG. 5, composite graphic 102 is 
rendered using cascading style sheet rules so that it appears 
to a viewer as a single localized graphic. However, in reality, 
composite graphic 102 comprises a global portion (i.e., 
trademark logo 104) that is rendered the same, regardless of 
the language selected for localization, and a localized por- 
tion (i.e., banner 106) that is rendered in the specified 
language. 

[0062] Lines 75-76 of lobby.htm include instructions for 
displaying trademark logo 104 adjacent to the upper-left 
corner of English lobby page 100. In particular, line 76 
includes an instruction identifying the image source as a 
"Logo. GIF" file, in which a graphic image corresponding to 
trademark logo 104 is stored. A portion of the instructions 
for producing banner 106 are defined in a line 78 of 
lobby.htm, which is reproduced below. 



78. <div align- M center" id-"FEATURE_TTTLE" 
STYLE-"labeleffect"> </div> 



[0063] In a manner similar to that discussed above with 
reference to text labels, id-"FEATURE_TITLE" is a place- 
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holder value that is replaced by "Presentation Broadcast" io 
accord with a corresponding entry in a line 52 of global.js 
(English). However, in this instance, the localized text, 
"Presentation Broadcast," is displayed in accord with sty- 
listic rules defined in a "labeleffect" style definition that is 
included in an external CSS file called STYLE.CSS, as 
shown below in a LISTING 5. This CSS file is imported into 
lobby.htm in response to instructions contained in lines 
18-22 of lobby.htm. 



LISTING 5. STYLECSS 

1. BODY 

2- { 

3. FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; 

4. FONT-SIZE: lOpt 
5- } 

6. .feedbackbulton 

7- { 

8. BORDER-LEFT: white thin solid; 

9. BORDER-RIGHT: white thin solid; 

10. COLOR: #ffffff; 

11. CURSOR: hand; 
1Z DISPLAY: block; 

13. FONT-SIZE: 8pt; 

14. FONT-WEIGHT: bold; 

15. PADDING- BOTTOM: 2px; 

16. PADDING- LEFT: lOpx; 

17. PADDING-RIGHT: lOpx; 

18. PADDING-TOP: 2px 

19. } 

20. .labeleffect 

21. { 

22. FONT-WEIGHT: normal; 

23. FONT-SIZE: llpx; 

24. LETTER-SPACING: 2px; 

25. BACKGROUND-COLOR: white; 

26. TEXT-ALIGN: center; 

27. BORDER-STYLE: solid; 

28. BORDER-WIDTH: lpx; 

29. } 



[0064] The "labeleffect" CSS style rules instruct the 
browser to display the text in an 11 pixel -size font, using 
normal weight and 2 pixel spacing, with a white background 
color, aligned in the center of a box that is one pixel in width. 
Identical stylistic attributes are applied during rendering of 
a banner 106' corresponding to German Lobby page 100 1 , 
except that the "Presentation Broadcast" text is now 
replaced with "Vorstellung Sendung." In this manner, each 
of composite graphics 102 and 102* appear to the viewer to 
comprise a single graphic object that conveys content in the 
English and German languages, respectively. 

[0065] While the foregoing description has discussed the 
localization of text objects, it will be apparent from the 
disclosure how other objects can be localized in a similar 
manner For example, rather than referencing a text string, 
one or more name-value pairs in global.js can reference a 
graphic image. Furthermore, by including aural CSS style 
sheets, localization of media objects comprising aural mes- 
sages in a specified language may also be provided. 

[0066] Although the present invention has been described 
in connection with the preferred form of practicing it, those 
of ordinary skill in the art will understand that many 
modifications can be made thereto within the scope of the 
claims that follow. Accordingly, it is not intended that the 
scope of the present invention in any way be limited by the 



above description, but instead be determined entirely by 
reference to the claims that follow. 

The present invention in which an exclusive right is claimed 
is defined by the following: 

1. A method for localizing objects in a markup language 
document so that when the markup language document is 
rendered by a browser, the objects are rendered to convey 
content in a specified language, comprising the steps of: 

(a) including a plurality of references in the markup 
language document referencing text, graphic, and/or 
media objects that are to include content in the speci- 
fied language when the markup language document is 
rendered; 

(b) providing a set of localized objects in the specified 
language, each localized object of the set being asso- 
ciated with a corresponding text, graphic, and/or media 
object referenced in the markup language document; 
and 

(c) inserting the localized objects into the markup lan- 
guage document based on the plurality of references, 
such that when the markup language document is 
rendered, the text, graphic, and/or media objects refer- 
enced in the markup language document are rendered 
to convey content in the specified language. 

2. The method of claim 1, further comprising the step of 
enabling a user to select the specified language from a list of 
languages. 

3. The method of claim 1, wherein the set of localized 
objects are stored in a file external to the markup language 
document, 

4. The method of claim 3, wherein the file includes a 
plurality of sets of objects in different languages, and 
wherein the step of providing the set of localized objects 
comprises the step of extracting an appropriate set of objects 
from the file, said appropriate set corresponding to the 
specified language. 

5. The method of claim 4, wherein the file comprises a 
dynamic link library, further comprising the steps of: 

(a) passing indicia corresponding to the specified lan- 
guage to the dynamic link library; and 

(b) automatically extracting a set of localized objects 
corresponding to the specified language from the 
dynamic link library as a function of the indicia. 

6. The method of claim 1, wherein the localized objects 
corresponding to the text objects referenced in the markup 
language document comprise strings containing characters 
in the specified language. 

7. The method of claim 1, further including the step of 
creating reference data comprising a plurality of name-value 
pairs, each name-value pair comprising an object referenced 
in the markup language document and a corresponding 
localized object in the specified language. 

8. The method of claim 7, further comprising the step of 
parsing the reference data to retrieve the localized objects 
that are inserted into the markup language document, based 
on references included in the markup language document 
and the reference data. 

9. The method of claim 1, wherein the references in the 
markup language document comprise placeholder values 
and the markup language document includes JavaScript that 
causes the placeholder values to be replaced with corre- 
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spo tiding localized objects upon loading the markup lan- 
guage document for rendering by a browser. 

10. The method of claim 1, wherein at least one object in 
a rendered page corresponding to the markup language 
document comprises a composite graphic including a global 
language-independent portion and a localized portion, fur- 
ther comprising the step of including a cascading style sheet 
declaration in the markup language document defining sty- 
listic attributes to be applied to the localized portion when 
the markup language document is rendered by a browser that 
supports cascading style sheets, to produce the rendered 
page. 

11. A computer-readable medium having computer-ex- 
ecutable instructions for facilitating the steps recited in 
claim 1. 

12. A method for providing a user interface that supports 
a plurality of different languages through a single set of 
markup language documents, said single set including one 
or more markup language documents, but not a different one 
or more markup language documents for each of the plu- 
rality of different languages, comprising the steps of: 

(a) in each markup language document of the set, includ- 
ing a plurality of references corresponding to respective 
text, graphic, and/or media objects that are to be 
rendered to convey content in accord with a specified 
language; 

(b) providing a separate set of localized objects corre- 
sponding to each of the plurality of different languages, 
each set of localized objects comprising language- 
dependent objects corresponding to the text, graphic, 
and/or media objects referenced in the set of markup 
language documents; 

(c) enabling a user to select a user interface language from 
among the plurality of different languages; and 

(d) automatically inserting localized objects into each 
markup language document in accord with the plurality 
of references in that markup language document such 
that when each markup language document is rendered, 
the text, graphic, and/or media objects referenced in the 
markup language document are rendered to convey 
content in the user interface language selected by the 
user. 

13. The method of claim 12, wherein the sets of localized 
objects are stored in a file that is separate from the set of 
markup language documents. 

14. The method of claim 13, wherein the file comprises a 
dynamic link library, further comprising the steps of: 

(a) passing indicia corresponding to the language selected 
by the user to the dynamic link library; and 

(b) automatically extracting an appropriate set of local- 
ized objects corresponding to the language selected by 
the user from the dynamic link library. 

15. The method of claim 12, wherein the localized objects 
corresponding to the text objects referenced in the markup 
language documents comprise strings of characters corre- 
sponding to the specified language. 

16. The method of claim 12, further including the step of 
creating reference data comprising a plurality of name value 
pairs, each name value pair comprising an object referenced 
in the set of markup language documents and a correspond- 
ing localized object 



17. The method of claim 16, further comprising the step 
of parsing said reference data to retrieve the localized 
objects that are inserted into the markup language docu- 
ments based on references in the markup language docu- 
ments and the reference data. 

18. The method of claim 12, wherein the references in the 
set of markup language documents comprise placeholder 
values and each of the markup language documents includes 
JavaScript that causes the placeholder values in each markup 
language document to be replaced with corresponding local- 
ized objects before the markup language documents are 
rendered. 

19. The method of claim 11, wherein at least one object 
in a rendered page corresponding to one of the markup 
language documents comprises a composite graphic includ- 
ing a global language-independent portion and a localized 
portion, further comprising the step of including a cascading 
style sheet declaration in the markup language document 
defining stylistic attributes to be applied to the localized 
portion when said one markup language document is ren- 
dered by a browser that supports cascading style sheets to 
produce the rendered page. 

20. A computer-readable medium having computer-ex- 
ecutable instructions for facilitating the steps recited in 
claim 12. 

21. A system for implementing a user interface in an 
application program comprising at least one markup lan- 
guage document that includes a plurality of references 
corresponding to text, graphic, and/or media objects that are 
to include content in a specified language when the markup 
language document is rendered, said specified language 
comprising one of a plurality of different languages, com- 
prising: 

(a) a memory adapted to store data and machine instruc- 
tions; 

(b) a processor coupled to the memory, said processor 
controlling storage of data in the memory and execut- 
ing the machine instructions to implement a plurality of 
functions; 

(c) a persistent storage device, coupled to the processor 
and the memory, on which is stored a set of localized 
objects in the specified language, the localized objects 
being associated with text, graphic, and/or media 
objects referenced in said at least one markup language 
document; and 

(d) a display on which graphics and text employed in the 
user interface are rendered in accord with the machine 
instructions, said display being controlled by the pro- 
cessor, said plurality of functions implemented by the 
processor including inserting localized objects into 
each of said at least one markup language document 
that are identified based on the plurality of references in 
that markup language document such that when each of 
said at least one markup language document is ren- 
dered, the text, graphic, and/or media objects refer- 
enced in that markup language document are rendered 
in the specified language. 

22. The system of claim 21, wherein said at least one 
markup language document is downloaded to the memory 
from a computer network. 

23. The system of claim 21, wherein the application 
program user interface is adapted to support a plurality of 
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different languages and the persistent storage medium fur- 
ther includes a corresponding plurality of separate sets of 
localized objects, each set of localized objects correspond- 
ing to a different one of the plurality of different languages, 
each set of localized objects comprising language-dependent 
objects corresponding to text, graphic, and/or media objects 
referenced in said at least one markup language document. 

24. The system of claim 23, wherein the sets of localized 
objects are stored in a dynamic link library, and the proces- 
sor further implements the functions of: 

(a) enabling a user to select the specified language from 
the plurality of different languages; 

(b) passing indicia corresponding to the language selected 
by the user to the dynamic link library; and 

(c) automatically extracting an appropriate set of localized 
objects corresponding to the language selected by the 



user from the dynamic link library as a function of the 
indicia and inserting objects from among the set of 
localized objects that is extracted into said at least one 
markup language document before said at least one 
markup language document is rendered so as to present 
content in a rendered page in accord with the language 
selected by the user. 

25. The system of claim 21, wherein the localized objects 
corresponding to the text objects referenced in said at least 
one markup language document comprise strings containing 
characters corresponding to the specified language. 

26. The system of claim 21, wherein the functions imple- 
mented by the processor further include enabling a user to 
select the specified language from the plurality of different 
languages. 

* * * * * 
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ABSTRACT: 

A method and system that facilitates localization of objects in markup language 
documents so that a single set of markup language documents (the set including 
one or more documents) provide support for displaying portions of the documents 
in a language selected from among a plurality of different languages. 
Localized objects are included within in markup language documents through the 
use of placeholder variables in the documents. The placeholder variables are 
linked to localized objects through a reference file having entries populated 
with localized objects that are extracted from a dynamic link library based on 
a language selected by a user. Before loading each markup language document 
into a browser, the placeholder variables are replaced with their associated 
localized objects during a pre-rendering operation. When the markup language 
documents are rendered by the browser, display pages are produced containing 
localized objects in the language selected by the user. The present invention 
also provides for localizing composite graphic objects, which include a global 
portion, such as a trademark logo, and a localized portion, such as a phrase, 
through the use of cascading style sheets, thereby enabling the phrase to be 
rendered in a specified language. 
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Detail Description Paragraph - DETX (37) : 

[0055] The style rules are attached to a standard HTML document using one of 
three methods: (1) external style sheets; (2) embedded style sheets; and, (3) 
inline styles. The term "cascading" refers to the capability for style 
information from more than one source to be combined within a single document. 
In general, style sheets are usually defined externally or embedded within HTML 
documents. An advantage of external style sheets is that a single style sheet 
can be used to define stylistic attributes for a plurality of HTML documents 
comprising an entire web site or portions thereof. Inline styles are usually 
employed to override particular style definitions contained in an embedded or 
external style sheet, although inline styles can be used to defined the style 
of an entire document. 



Detail Description Paragraph - DETX (3 8) : 
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[0056] The following exemplary HTML code corresponds to an embedded style 
sheet definition. Embedded style sheet definitions start with a &lt ; STYLE &gt ; 
tag and end with a &lt ; / STYLE &gt ; tag, and the particular style rules for the 
style sheet are defined between these tags. 



Detail Description Table CWU - DETL (2) : 

2 LISTING 2. Global. js (English) 1. GLOBAL_VERS I ON = "9.0"; 2. 
BCAST_CHARSET = "UTF-8"; 3. NS_PLAY 4. 

http://www.microsoft.com/Windows/Downloads/Cont- ents/Pr oducts 5. 
/MediaPlayer/ " ; 6. NS_CORE = 7. 

"http: //activex. microsoft . com/activex/controls/mplayer/en 8 . 

/nsmp2o99.cab#Version=6,0,2,902"; 9. NS_FILE = 10. 

"http: //activex. microsoft . com/activex/controls/mplayer/en 11 . 

/nsf tsinf . cab#Version=3 , 0, 0, 2700" ; 12. VS_FTS_IP = " " ; 13. VS_FTS_PORT = ""; 
14. L0W_FTS_IP = »"; 15. L0W_FTS_P0RT = ""; 16. BASE_URL = 
" .backslash. .backslash. .backslash. .backslash. - cup-ras- 17. 
01 .backslash. .backslash. broadcast .backslash. .backslash- 

.eunicey .backslash. . backslash. broadcastl9990112105119 .dagger. 18. \Eunice ' s 
01-12-99 presentation"; 19. SH0W_TIME = 01/12/1999 21:30:00 UTC-000"; 20. 
S HO W_END_T I ME = "01/12/1999 22:30:00 UTC-000"; 21. SH0W_TIME_L0CAL = new Date 
(SHOWJTIME) ; 22. SHOW_END_TIME_LOCAL = new Date (SHOW_END_TIME) ; 23. 
UPDATE_MESG = "This presentation broadcast has ended"; 24. EVENT_T I TLE = 
"Eunice's 01-12-99 presentation"; 25. EVENT_PRESENTER = "Eunice Yan" ; 26. 
EVENT_CONTACT = "eunicey" ; 27. EVENT_CONTACT_URL = " &lt ; A HREF=mailtO : " + 
EVENT_C0NTACT + n >" + 28. EVENT_C0NTACT + " &lt ; /A&gt ; " ; 29. 
EVENT_DES CRI PT I ON = "Test Department Meeting on &lt ;BR&gt ; PowerPoint 30. 
2000<BR&gt ;Jan 12 , 1999"; 31. PRES ENTAT I ON_NAME = "Eunice's 01-12-99 
presentation"; 32. HTML_F I LENAME = "Eunice's 01-12-99 

presentation_slide00009.htm"; 33. ENABLE_AUD I O = ""; 34. EMAIL = "pareshp"; 
35. CHAT_URL = ""; 36. CHAT_FILE = ""; 37. CHAT_FILE_EXISTS = "FALSE"; 38. 
HELP_URL = "nshelp.htm"; 39. TESTJJRL = "nstest.htm"; 40. ARCH I VE_URL = 
"Eunice's 01-12-99 41. presentation_broadcastl9990112105119 . asf " ; 42. 
VIDEO_FLAG = "1"; 43. VIDEO_WIDTH = "176"; 44. VIDEO__HEIGHT = "144"; 45. 
ASX = ""; 46. TEST_ASX = ""; 47. MULTICAST = "1"; 48. BROWS ER_TEXT = "This 
presentation contains content . . ."; 49. AUDIO_HELP = "This page allows you 
to make sure the microphone . . .; 50. VIDEO_HELP = "This page allows you to 
make sure the camera . . .; 51. CL I ENT_HELP_TEXT = "If you are experiencing 
problems viewing . . .; 52. FEATURE_TI TLE = "Presentation Broadcast"; 53. 
EVENT_TITLE_LABEL = "Title:"; 54. DATE_T I ME_LABEL = "Date & Time:"; 55. 
EVENT_PRESENTER_LABEL = "Presenter:"; 56. EVENT_CONTACT_LABEL = "Contact:"; 
57. EVENT_DESCRIPTION_LABEL = "Description:"; 58. AUDIO TEST PAGE LABEL = 
"Audio Test Page " ; 59. <more name value pairs (not relevant to example 
page)> 60. . 61. . 62 . . 63. REPLAY_BUTTON_LABEL = "Replay Broadcast" 
63. REPLAY_BUTTON_TI TLE = "This will allow you to Replay the PowerPoint 64. 
Presentation Broadcast."; 65. timetoshow_mesg = "This Presentation Broadcast 
will begin shortly. 66. Please wait . . ."; 



Detail Description Table CWU - DETL (3) : 

3 LISTING 3. Global. js (German) 1. GLOBAL_VERS I ON = "9.0"; 2. 
BCAST_CHARSET = "UTF-8"; 3. NS_PLAY 6. 

http://www.microsoft.com/Windows/Downloads/Cont- ents/Pr oducts 7. 
/MediaPlayer/"; 6. NS_C0RE = 7. 

"http: //activex. microsoft . com/act ivex/ control s/mplayer/ en 8 . 

/nsmp2o99.cab#Version=6,0 / 2,902"; 9. NS_FILE = 10. 

"http: //activex. microsoft . com/activex/controls/mplayer/en 11 . 

/nsftsinf ,cab#Version=3, 0,0, 2700"; 12. VS_FTS_IP = " " ; 13. VS_FTS_P0RT = ""; 
14. L0W_FTS_IP = ""; 15. L0W_FTS_P0RT = " " ; 16. BASE_URL = 
".backslash. .backslash. .backslash. .backslash.- cup-ras- 17. 
01. backslash. .backslash. broadcast .backslash. .backslash- 

. eunicey. backslash. . backslash. broadcast 19990112105119 .dagger . 18 . \Eunice' s 

01-12-99 presentation"; 19. SHOWJTIME = 01/12/1999 21:30:00 UTC-000"; 20. 

S H0W_END_T I ME = "01/12/1999 22:30:00 UTC-000"; 21. SHOW TIME LOCAL = new Date 
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(SHOWJTIME) ; 22. S HOW_END_T I ME_LOCAL = new Date (SHOW_END_TIME) ; 23. 
UPDATE_MESG = "Diese Vorstellung Sendung hat beendet"; 24. EVENT_T I TLE = 
"Eunice's 01-12-99 presentation"; 25. EVENT_PRESENTER = "Eunice Yan" ; 26. 
EVENT_CONTACT = "eunicey" ; 27. EVENT_CONTACT_URL = " &lt ; A HREF=mailtO : M + 
EVENT_CONTACT + ">" + 28. EVENT_CONTACT + " &lt ; /A&gt ; " ; 29. 
EVENT_DESCRIPTION = "Prufen Sie Abteilung, die&lt ;BR&gt ; 30. auf Begegnet 
PowerPoint <BR >Jan 12, 1999"; 31. PRESENTAT I ON_NAME = "Eunice's 
01-12-99 presentation"; 32. HTML_FI LENAME = "Eunice's 01-12-99 
presentation_slide00009.htm"; 33. ENABLE_AUDIO = " " ; 34. EMAIL = "pareshp" ; 
35. CHAT_URL = " " ; 36. CHAT_FILE = ""; 37. CHAT_FILE_EXISTS = "FALSE"; 38. 
HELP_URL = "nshelp.htm"; 39. TESTJJRL = "nstest . htm" ; 40. ARCH I VE_URL = 
"Eunice's 01-12-99 41. presentation_broadcastl9990112105119 . asf " ; 42. 
VIDEO_FLAG = "1"; 43. VIDEO_WIDTH = "176"; 44. VIDEO_HEIGHT = "144"; 45. 
ASX = ""; 46. TEST_ASX = " " ; 47. MULTICAST = "1"; 48. BROWSER_TEXT = "Diese 
Vorstellung enthlt Inhalt . . ."; 49. AUDIO_HELP = "Diese Seite erlaubt Sie zu 
sich das Mikrophon . . .; 50. VIDEO_HELP = "Diese Seite erlaubt Sie zu sich 
die Kamera . . .; 51. CLIENT_HELP_TEXT = "Wenn Sie Probleme erfahren, 
ansehen, . . .; 52. FE ATURE_T I TLE = "Vorstellung Sendung"; 53. 
EVENT_TITLE_LABEL = "Titel : " ; 54. DATE_TIME_LABEL = "Datum & Zeit : " ; 55. 
EVENT_PRESENTER_LABEL = "Anwesender : " ; 56. EVENT_CONTACT_LABEL = "Kontakt:"; 
57. EVENT_DESCRIPTION_LABEL = "Beschreibung" ; 58. AUDIO TEST PAGE LABEL = 
"Tonprufung Seite""; 59. &lt,*more name value pairs (not relevant to example 
page)> 60. . 61. . 62 . . 63. REPLAY_BUTTON_LABEL = "Replay Sendung" 
63. RE PLAY_BUTTON_T I TLE = "Dies wird Sie Replay das erlauben PowerPoint 64. 
Vorstellung Sendung."; 65. timetoshow_mesg = " Diese Vorstellung Sendung wird 
bald beginnen 66. Bitte Wartezeit . . . " ; 
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